﻿@{
    Layout = "";
}

<!DOCTYPE html>

<html>
<head>
    <title>模具信息Mold information</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <!-- VENDOR CSS -->
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/jquery/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/bootstrap/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/bootstrap/bootstrap-datetimepicker.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/font-awesome/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/toastr/toastr.css">
    <link rel="stylesheet" type="text/css" href="~/Content/vendor/klorofil/main.css">
    <link rel="stylesheet" type="text/css" href="~/Content/aztech-style.css">

    <script type="text/javascript" src="~/Scripts/vendor/modernizr-2.6.2.js"></script>
</head>
<body>

    <form id="moldusetimeDetailForm" class="form-horizontal" v-if="isNotEmptyObject(mold)">
        <div class="panel">
            <div class="panel-heading">
                <p class="panel-title">模具信息Mold information</p>
            </div>
            <div class="panel-body">
                <table class="table table-bordered table-condensed text-center">
                    <tbody>
                        <tr>

                            <td><label class="control-label">模具编号mould number</label></td>
                            <td><input id="moldMoldID" type="text" class="form-control" v-model="mold.BaseInfo.MoldID" /></td>
                            <td><label class="control-label">产品编号Product number</label></td>
                            <td><input id="moldSegment" placeholder="请输入7个字符及以上Please enter 7 characters or more" type="text" onkeyup="SearchSegment()" class="form-control" v-model="mold.BaseInfo.Segment" /></td>@*onBlur:当输入框失去焦点后onFocus:当输入框获得焦点后*@
                            <td><label class="control-label">产品描述Product description</label></td>
                            <td><input id="moldDescrption" readonly="readonly" type="text" class="form-control" v-model="mold.BaseInfo.Descrption" /></td>
                        </tr>
                        <tr>
                            <td><label class="control-label">状态state</label></td>
                            <td>
                                <select id="moldStatus" class="form-control" v-model="mold.BaseInfo.Status">
                                    <option v-for="(value,key,idx) in statusDictionary" v-bind:value="value">{{key}}</option>
                                </select>
                            </td>
                            <td><label class="control-label">设计寿命Design life</label></td>
                            <td><input id="moldDesignedLife" type="number" onkeyup="CountNum()" class="form-control" v-model="mold.BaseInfo.DesignedLife" /></td>
                            <td><label class="control-label">模具尺寸mould size<br /></label></td>
                            <td><input id="moldSize" placeholder="高*mm宽*mm厚*mm Height * mm width * mm thickness * mm" type="text" class="form-control" v-model="mold.BaseInfo.Size" /></td>

                        </tr>
                        <tr>
                            <td><label class="control-label">设计型腔数Design cavity number</label></td>
                            <td>
                                <input id="moldCavityNum" type="text" class="form-control" v-model="mold.BaseInfo.CavityNum" 
                                       data-toggle="tooltip" data-placement="bottom" data-html="true"
                                       title="设计型腔数<br>是根据生产物料<br>所需机器腔位个数总和。"/>
                            </td>
                            <td><label class="control-label" style="background-color: lightcoral;">模具出品数Out product qty</label></td>
                            <td>
                                <input id="moldOutProductNum" type="text" class="form-control" v-model="mold.BaseInfo.OutProductNum" 
                                       data-toggle="tooltip" data-placement="bottom" data-html="true"
                                       title="模具出品数<br>是记录这台模具所能产出的产品种类个数总和，会影响成本摊分。"/>
                            </td>
                            <td><label class="control-label">UPH</label></td>
                            <td><input id="moldUPHvalue" type="number" class="form-control" v-model="mold.BaseInfo.UPHvalue" /></td>
                        </tr>
                        <tr>
                            <td><label class="control-label">适啤机台(吨)Beer machine (ton)</label></td>
                            <td><input id="moldMachineType" type="text" class="form-control" v-model="mold.BaseInfo.MachineType" /></td>
                            <td><label class="control-label">生产数量Production quantity</label></td>
                            <td><input id="moldProductionNum" readonly="readonly" type="text" class="form-control" v-model="mold.BaseInfo.ProductionNum" /></td>
                            <td><label class="control-label">剩余寿命residual life</label></td>
                            <td><input id="moldResidualLife" type="number" readonly="readonly" class="form-control" v-model="mold.BaseInfo.ResidualLife" /></td>
                        </tr>
                        <tr>
                            <td><label class="control-label">备注remarks</label></td>
                            <td colspan="5"><textarea id="moldRemarks" class="form-control" v-model="mold.BaseInfo.Remarks"></textarea></td>
                        </tr>
                    </tbody>
                </table>
                <div id="showDiv1" style="display:none; position:absolute;z-index:1000; border:1px solid #ccc;"></div>

                <div class="form-group">
                    <div class="col-sm12 text-center">
                        <input type="text" v-model="mold.BaseInfo.MoldID" hidden />
                        <button v-if="isNewMold" class="btn btn-default" v-on:click="SaveMold($event)">保存preservation</button>
                        <button v-if="!isNewMold && !isEditMode" class="btn btn-default" v-on:click="EditMold($event)">编辑edit</button>
                        <button v-if="!isNewMold && isEditMode" class="btn btn-default" v-on:click="UpdateMold($event)">更新renew</button>
                        <button v-if="!isNewMold && isEditMode" class="btn btn-default" v-on:click="CancelEditMold($event)">取消cancel</button>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <script type="text/javascript" src="~/Scripts/vendor/jquery/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/jquery/jquery.cookie.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/jquery/jquery.slimscroll.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/bootstrap/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/toastr/toastr.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/klorofil/klorofil-common.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/respond.min.js"></script>
    <script type="text/javascript" src="~/Scripts/vendor/vue/vue.min.js"></script>
    <script type="text/javascript" src="~/Scripts/aztech-global.js?v=@DateTime.Now.ToFileTimeUtc()"></script>
    <script type="text/javascript" src="~/Scripts/aztech-script.js?v=@DateTime.Now.ToFileTimeUtc()"></script>
    <script type="text/javascript" src="~/Scripts/pageJs/MoldUseTime/MoldDetail.js?v=@DateTime.Now.ToFileTimeUtc()"></script>
</body>
</html>
